<div class="centreForm">
    <h1>Edit Customer</h1>
    <c:if test="${!empty editCustomerFailureFlag}">
        <p class="message errorMessage">Unable to add customer to the database.</p>
    </c:if>
    <c:if test="${!empty customerName}">
        <p class="message confirmationMessage">${customerName} has been updated in the database.</p>
    </c:if>
    <form method="post" action="<c:url value='/customers/${customer.id}/edit'/>">
        <fieldset>
            <legend>Customer Details</legend>
            <label for="firstName">First name:</label><input type="text" name="firstName" id="firstName" value="${customer.firstName}"/><br />
            <script type="text/javascript">$("input#firstName").focus();</script>
            <label for="lastName">Last name:</label><input type="text" name="lastName" value="${customer.lastName}"/><br />
            <label for="address">Address:</label><input type="text" name="address" value="${customer.address}"/><br />
            <label for="phoneNumber">Phone number:</label><input type="text" name="phoneNumber" value="${customer.phoneNumber}"/><br />
            <input type="submit" class="submit" value="Update Customer" />
        </fieldset>
    </form>
</div>
